Method, apparatus and system for optimizing image rendering on an electronic device

ABSTRACT

Portable electronic devices typically have reduced computing resources, including reduced screen size. The method, apparatus and system of the present specification provides, amongst other things, an intermediation server configured to access network content that is requested by a portable electronic device and to analyze the content including analyzing images in that content. The intermediation server is further configured to accommodate the computing resources of the portable electronic device as part of fulfilling content requests from the portable electronic device.

FIELD

The present specification relates generally to telecommunications andmore specifically relates to a method, apparatus and system foroptimizing image rendering on an electronic device.

BACKGROUND

A common problem with providing web-browsing on portable electronicdevices is that the computing and network resources for portableelectronic devices are constrained, at least relative to desktopelectronic devices, and typically web-pages are optimized for desktopelectronic devices. Generation of such desktop optimized web-pages onportable electronic devices is therefore often slow, at best, to thepoint where such generation is impractical.

Many solutions to this problem are contemplated, including provision ofstatic web-pages optimized for portable electronic devices, or providingdynamic transcoding of desktop-optimized web-pages for portableelectronic devices. The provision of static web-pages can be problematicas it involves the preparation of different sets of web-pages fordifferent computing environments. Transcoding can obviate thepreparation of different web-pages, but current transcoding processes donot adequately address certain problems that can arise duringtranscoding and which can still ultimately result in poor performance atthe portable electronic device.

Hypertext markup language (HTML) syntax provides a way to specify thelocation, width, height, source, and alignment of a particular image viathe IMG tag. This information, along with other tags, can be used whenrendering a webpage to ensure the pictures are in the intended position.During the rendering process a webpage may change drastically when animage is inserted based on its properties as it can require a completeshift of all the text on the screen.

When a mobile device attempts to render a webpage with images can runinto a few problems. First, the low power processor can take a long timerender a page upon receipt of an image. Second, due to the unknown sizeof certain images a website displayed on a mobile may change a lot witheach new image downloaded as it attempts to “fit” the image into thecorrect position on the page. Third, each image loaded on a device cancause the users currently location to shift such that the browser isunusable until the page is fully loaded.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 shows a schematic representation of a system for optimized imagerendering.

FIG. 2 shows a schematic representation of the electronic device shownin the system of FIG. 1.

FIG. 3 shows a flow-chart depicting a method for image rendering.

FIG. 4 shows the web-page of FIG. 1 and the display of FIG. 2 inrelation to each other.

FIG. 5 shows exemplary generation of modified image place holders on thedisplay of FIG. 2.

FIG. 6 shows exemplary generation of modified images on the placeholders generated in FIG. 5.

FIG. 7 shows a modified version of the system of FIG. 1.

DESCRIPTION

This specification relates to reducing the amount of hyper text markuplanguage (HTML) rendering that a mobile device has to perform byprovision of an image place holder. For this specification a portableelectronic device is provided that communicates with an intermediationserver where the device is requesting index.html.

The portable electronic device will send off the initial request forindex.html without any changes to the initial request. Theintermediation server will fetch the requested index.html and alsoattempt to optimize the HTML by removing unnecessary information tominimize the data sent to the portable electronic device. During thisscan the intermediation server will scan for all IMG tags in an attemptto determine the location of all images needed in the index.html page.Once this scan is completed the intermediation server will then proceedto fetch these images from the web server, regardless if the devicerequests it or not, and continue to process each image.

When either all or a defined subset of the images are fetched theintermediation server will then modify each IMG tags in the index.htmlwith the information generated from the compression. Some images may nothave sizes associated with it and some may have new sizes that have tobe adjusted post-transcoding. All this data will then be sent to theportable electronic device in the initial response so the device canproperly render the page on its first pass. Further enhancements can beprovided to increase the speed or performance of the intermediate serverby taking advantage of caching technologies such as a local file cacheto speed up the rate at which the index.html is returned. This cache cankeep track of a plurality of resolution and transcoding options whichgenerated the original index.html with the original IMG tags andmodified index.html with the modified IMG tags. For example, fiveseparate devices with different screen characteristics can generate fiveseparate index.html files for the exact same webpage depending onresolution and size.

Since the portable electronic device has been provided with exactlocation and size of each image, thanks to the intermediation server,the portable electronic device can generate the page as if the imageswere actually loaded after the initial response.

The portable electronic device can then display the images by fetchingthe actual content via a HTTP GET request but the portable electronicdevice will not have to generate the page again, just insert the newlyretrieved images over the place holder. This will reduce the effectsthat these images have on generation and also will allow interactionwith page after the first request, instead of having to wait for imagesto shift when they are finally loaded.

An aspect of the specification provides a method for optimizing imagerendering on a portable electronic device having a display, the methodcomprising:

-   -   receiving a request for content at an intermediation server from        the portable electronic device;    -   accessing the content at the intermediation server;    -   analyzing, at the intermediation server, images within the        content;    -   generating image tags associated with the images at the        intermediation server; the image tags corresponding to display        characteristics of the display;    -   sending the image tags to the portable electronic device from        the intermediation server; the image tags for generating image        place holders on the display.

The method can further comprise generating modified images at theintermediation server from the images according to image tags; andsending the modified images to the portable electronic device from theintermediation server; the modified images for rendering within theimage place holders on the display.

The method can further comprise receiving at the intermediation serverunmodified image tags when accessing the content; and generating theimage tags at the intermediation server based on the unmodified imagetags.

The method can further comprise sending non-image content to theportable electronic device from the intermediation server for generationon the display in relation to the image place holders. The method canfurther comprise generating modified images at the intermediation serverfrom the images according to image tags, and sending the modified imagesto the portable electronic device from the intermediation server. Themodified images are for rendering within the image place holders on thedisplay and without moving the non-image content generated on thedisplay.

The analyzing of the images can be part of analyzing the content and themethod can further comprise rendering the modified images at theintermediation server for validation that the image tags are generatedaccording to target specifications for the electronic device.

The method can further comprise caching the image tags for subsequentsending to other portable electronic devices having substantially thesame hardware characteristics as each other.

Another aspect of the specification provides a method for optimizingimage rendering on a portable electronic device having a display, themethod comprising;

-   -   sending a request for content to an intermediation server from        the portable electronic device; the content including images;    -   receiving image tags associated with the images; the image tags        generated at the intermediation server; the image tags generated        at the intermediation server based on characteristics of the        display;    -   generating image place holders on the display using the image        tags.

This method can further comprise:

-   -   receiving modified images at the portable electronic device from        the intermediation server; the modified images generated by the        intermediation server based on the image tags;    -   receiving the modified images at the portable electronic device        from the intermediation server;    -   rendering the modified images within the image place holders on        the display.

This method can also further comprise receiving non-image content at theportable electronic device from the intermediation server; the non-imagecontent for generation on the display in relation to the image placeholders, and can further comprise receiving modified images at theportable electronic device from the intermediation server; the modifiedimages generated by the intermediation server based on the image tags;receiving the modified images at the portable electronic device from theintermediation server; generating the modified images within the imageplace holders on the display without moving the non-image contentgenerated on the display.

Another aspect of the specification provides an intermediation serverfor optimizing image rendering on a portable electronic device having adisplay comprising at least one network interface for receiving arequest for content from the portable electronic device. The at leastone network interface is further configured to access the content from acontent server. The server further comprises a processor connected tothe network interface and is configured to analyze images within thecontent. The processor is further configured to generate image tagsassociated with the images. The image tags correspond to displaycharacteristics of the display. The processor further is configured tosend the image tags to the portable electronic device via the networkinterface. The image tags are for generating image place holders on thedisplay.

The processor can be further configured to generate modified images fromthe images according to the image tags. The processor further can befurther configured to send the modified images to the portableelectronic device. The modified images are for rendering within theimage place holders on the display.

The network interface of the intermediation server can be furtherconfigured to receive unmodified image tags when accessing the content,and the processor can be further configured to generate the image tagsbased on the unmodified image tags. The network interface can be furtherconfigured to send non-image content to the portable electronic device;the non-image content for generation on the display in relation to theimage place holders. The processor can be further configured to generatemodified images from the images according to image tags, and to send themodified images to the portable electronic device via the networkinterface. The modified images are for rendering within the image placeholders on the display and without moving the non-image contentgenerated on the display.

The processor can be further configured to analyze the images as part ofanalyzing the content and the processor is further configured to renderthe modified images at the intermediation server for validation that theimage tags are generated according to target specifications for theelectronic device.

The intermediation server can further comprise caching the image tagsfor subsequent sending to other portable electronic devices havingsubstantially the same hardware characteristics as each other.

Another aspect of the specification provides a system for optimizingimage rendering comprising a portable electronic device having a displayand an intermediation server according to the foregoing.

Referring now to FIG. 1, a system for optimized web-page generation in aportable electronic device is indicated generally at 50. In a presentembodiment system 50 comprises a plurality of a portable electronicdevice 54 and at least one intermediation server 58. A wireless basestation 62 interconnects electronic device 54 and intermediation server58. A backhaul link 66 interconnects base station 62 with server 58. Atleast one bearer path 70, typically wireless, can be used tointerconnect base station 62 with electronic device 54. In a presentexemplary embodiment, bearer path 70 can be based on Global System forMobile communications (GSM), General Packet Radio Service (GPRS),Enhanced Data Rates for GSM Evolution (EDGE), and the Third-generationmobile communication system (3G), Institute of Electrical and ElectronicEngineers (IEEE) 802.11 (WiFi) or other wireless protocols. Invariations, path 70 can be wired.

Intermediation server 58 is also connected to a network 74 via anotherbackhaul link 78. Network 74 can be any type of network that can hostcontent that is accessible to device 54. In a present embodiment,network 74 in the Internet and connects to a web server 82 whichconnects to network 74 by another backhaul link 86.

Web server 82 is, in turn, configured to host a web-site 90 thatcomprises a web-page 94. Web-page 94 itself is comprised of a firstimage 98-1 and a second image 98-2 (collectively, images 98 andgenerically, image 98), each of which are oriented and sized on web-page94 in a manner that is optimized for a desktop computing browsingenvironment.

Referring now to FIG. 2, electronic device 54 can be any type ofcomputing device that can be used in a self-contained manner and tointeract with content available over network 74. Interaction includesdisplaying of information on electronic device 54 as well as to receiveinput at electronic device 54 that can in turn be sent back over network74. It should be emphasized that the structure in FIG. 2 is purelyexemplary, and contemplates a device that be used for both wirelessvoice (e.g. telephony) and wireless data (e.g. email, web browsing,text) communications. In a present embodiment, electronic device 54 is aportable electronic device with the combined functionality of a personaldigital assistant, a cell phone, and an email paging device. (Althoughvariants on device 54 can include a palm top computer or laptop computerwith a reduced screen such as an ASUS EEE from ASUSTek Computer Inc. ofTaiwan). Many well known cellular telephone models, or variants thereof,are suitable for the present embodiment.

Device 54 thus includes a plurality of input devices which in a presentembodiment includes a keyboard 100, a pointing device 102, and amicrophone 104. Pointing device 102 can be implemented as a track wheel,trackball or the like. Other input devices, such as a touch screen arealso contemplated. Input from keyboard 100, pointing device 102 andmicrophone 104 is received at a processor 108. Processor 108 isconfigured to communicate with a non-volatile storage unit 112 (e.g.Erasable Electronic Programmable Read Only Memory (“EEPROM”), FlashMemory) and a volatile storage unit 116 (e.g. random access memory(“RAM”)). Programming instructions that implement the functionalteachings of device 54 as described herein are typically maintained,persistently, in non-volatile storage unit 112 and used by processor 108which makes appropriate utilization of volatile storage 116 during theexecution of such programming instructions.

Processor 108 in turn is also configured to control a speaker 120 and adisplay 124. Processor 108 also contains at least one network interface128, which are implemented in a present embodiment as radios configuredto communicate over bearer path 70. In general, it will be understoodthat interface(s) 128 is (are) configured to correspond with the networkarchitecture that defines a particular bearer path 70. It should beunderstood that in general a wide variety of configurations for device54 are contemplated.

In a present embodiment, device 54 is also configured to maintain aweb-browser application 136. Web-browser application 136 is maintainedwithin non-volatile storage 112. Processor 108 is configured to executeweb-browser application 136, receive input from keyboard 100 relative toweb-browser application 136, and to generate graphical interfaces ondisplay. Processor 108 is further configured to request content fromnetwork 74 via a bearer path 70, as will be discussed further below.

Device 54 also includes a battery 144 or other power supply. Battery 144provides power to components within device 54.

Server 58 can be based on any well-known server environment including amodule that houses one or more central processing units, volatile memory(e.g. random access memory), persistent memory (e.g. hard disk devices)and network interfaces to allow server 58 to communicate over network 74and with base station 62. For example, server 58 can be a Sun Fire V480running a UNIX operating system, from Sun Microsystems, Inc. of PaloAlto Calif., and having four central processing units each operating atabout nine-hundred megahertz and having about sixteen gigabytes ofrandom access memory. However, it is to be emphasized that thisparticular server is merely exemplary, and a vast array of other typesof computing environments for server 58 is contemplated. Server 82 canbe based on the same or different computing environment as server 58.

Referring now to FIG. 3, a flowchart depicting a method of managingbattery resource via traffic steering is indicated generally at 300.Method 300 can be implemented on system 50 or a suitable variationthereof. Block 305 comprises sending a content request from a wirelesselectronic device, which in turn is received at an intermediationserver. In a present embodiment the request is sent from device 54 toserver 58 via bearer path 70, using any appropriate channel on thatbearer path 70 that is active at the time the time the request isgenerated. In a present embodiment the content request is generated byweb-browser application 136 on device 54, which is selecting web-page 94hosted on web-server 82 connected to network 74.

At block 310, server 58 has received the content request from block 305and accesses the requested content. In the present example, server 58will access the web-server 82 on network 74 in order to fulfill block310. At block 320, the content accessed at block 310 is analyzed. Suchan analysis can include, in the case of web-page 94 includes, forexample analyzing location and sizes of images 98 on web-page 94. Theanalysis can include an analysis of IMG tags associated with images 98.Of note is that at block 310, only the IMG tags associated with images98 need be downloaded to server 58, and images 98 themselves do not needto be downloaded.

Block 325 comprises adjusting image tags associated with the contentaccessed at block 310. The image tags are adjusted according to thehardware characteristics of device 54. Server 58 is thus configured tomaintain a data record that includes the hardware characteristics ofdevice 54. Such hardware characteristics can be pre-programmed in server58, or alternatively, device 54 can send such characteristics as part ofthe content request from block 305. Such hardware characteristics canthus include the size of display 124, as well as any other informationabout device 54 that can be used as part of the teachings herein.

To further assist in understanding block 325, FIG. 4 shows an example ofweb-page 94 and display 124. Web-page 94 includes IMG tags associatedwith images 98 that specify locations and sizes of each image on the Xvs. Y grid of web-page 94. Web-page 94 in FIG. 4 shows web-page 94 withhas having been created for a display having a horizontal dimension of“X” units, and a vertical dimension of “Y” units, while display 124 hasa horizontal dimension of “X1” units, which is less than “X”, and avertical dimension of “Y1” units, which is less than “Y”. Furthermore,the ratio of X:Y is larger than the ratio of X1:Y1. Web-page 94 includesIMG tags associated with images 98 that specify locations and sizes ofeach image 98 on the X vs. Y grid of web-page 94. It can be seen,however, that display 124 cannot accommodate images 98 in their currentdimensions and location.

Therefore, at block 325, server 58 analyzes web-page 94 to determine howgenerate the dimensions and locations for images 98 in a manner thatproduces a reasonable facsimile of the original layout of web-page 94when those images 98 are finally generated on display 124. Themethodology by which such a determination is made is not particularlylimited. Such a methodology can include, by way of non-limiting example,by having server 58 render the page fully by emulating device 54 todetermine what layout device 54 would actually require. That is, server58 can be configured to have the same code as web browser application136 and other code modules of device 54 so the output on server 58 issubstantially the same as on device 54. Another, arguably less complexsolution is to just transcode each image and then replace the originalimage tags IMG tags with the new height/width. In the presentembodiment, it is assumed the latter is performed as server 58 thusgenerates modified versions of the IMG tags associated with images 98web-page 94 which are then sent to device 54.

At block 330 device 54 receives the modified image tags generated atblock 325, and at block 335, processor 108, executing browserapplication 136 begins generating web-page 94 on display 124 using themodified version of the IMG tags received at block 330. At this point itcan be noted that method 300 is directed to the processing of images 98,but in parallel with method 300, browser application 136 can continue togenerate aspects of web-page 94 on display 124 that do not involveimages 98 in the usual manner.

FIG. 5 shows exemplary performance of block 330, as place holders forimages 98 are shown generated on display 124, but such place holders aregenerated using the modified version of the IMG tags received at block330, and therefore the place holders for images 98 are generated ondisplay 124 in locations that differ from web-page 94 as originallystored on server 82. Note that while not shown in FIG. 5, web-page 94can include content other than images 98, (such as text, fillable forms)and such non-image content can also be generated on display 124 inrelation to the image place holders.

Block 340 comprises processing the requested image content using themodified image tags. Server 58 can thus transcode images 98 into aformat (e.g. size) that conforms with the modified image tags generatedat block 325 and ready-for-placement into the image place holdersgenerated at block 335 and shown in FIG. 5.

Block 345 comprises receiving the modified image content at device 54,and at block 350, processor 108, executing browser application 136renders the version of images 98 on display 124 using the modifiedversion of images generated at block 340.

To provide a further specific illustrative example, an exemplaryoriginal IMG Tag associated with image 98-1 might indicate, along withpositional information, as follows: <img src=“logo.gif” width=480height=600>, in which case this IMG Tag would be ascertained at block320. A modified version of the original IMG Tag generated at block 325might indicate, along with modified positional information, as follows:<img src=“logo.gif” width=100 height=200>. In this example a furtheradvantage is apparent as the size of original image 98-1 was by theoriginal IMG tag, but without the benefit of the novel and inventiveteachings herein, device 54 would reserve an incorrect size since thefinal resulting size would not be known until transcoding and thetranscoded image was passed to device 54.

Advantageously, it will now be apparent that when image place holdersare generated on display 124 at block 335, any other content generatedon display 124 will not be moved but will remain substantially fixed ondisplay 124 for the remainder of method 300. Therefore, interaction withcontent on display 124 (e.g. interaction via input received formkeyboard 100 or pointing device 102) can be effected as of block 335without concern that the content on display 124 will ultimately shift inlocation when block 350 is reached.

Variations of the foregoing are contemplated. For example, FIG. 7 showssystem 50 b which is a variation on system 50 and like elements insystem 50 b include like references to their counterparts in system 50,except followed by the suffix “b”. However, unlike system 50, in system50 b, server 50 is implemented as a first server 58 b-1 and a secondserver 58 b-2, and a link 79 b is provided between server 58 b-1 andserver 58 b-2.

In system 50 b, server 58 b-1 can be implemented, in a non-limitingexample, as an enterprise server, such as a Blackberry Enterprise Serverthat is hosted and maintained by an enterprise that is associated withdevice 54 b whereas server 58 b-2 can be implemented as a relay serversuch as a Relay Server that is hosted and maintained by a carrier, or acarrier partner such as Research In Motion Inc. However, the entity orentities that host(s) and maintain(s) each server 58 b-1 and server 58b-2 is not particularly limited and is discussed herein for an exampleof a potential real-world implementation. In terms of technicalstructure, server 58 b-1 can be referred to as a content intermediationserver 58-1, whereas server 58 b-2 can be referred to as a transportintermediation server. In a present embodiment, method 300 can beperformed by server 58-1 but passing the various communications betweendevice 54 b and server 58 b-1. Such communications can be passed inencrypted form, if desired, by providing a key pair or other encryptingmeans at server 58 b-1 and device 54 b, such that communications carriedthrough server 58 b-2 are secure.

Various advantages will now be apparent. For example, where browserapplication 136 is configured not to render images at all (a settingthat is available in various web-browser applications), then theteachings herein can provide generation of a web-page on device 54 withthe proper image place-holders, in a manner that substantiallyaccurately reflects where those images are in relation to other content.Without the teachings herein, a web-browser application with imagesturned off would generate a web page in a manner that never reflectedthe size of the images.

It should be understood that the type of content need not be limited toweb-pages, and can include emails, media, applications, applicationdata, or any other type of content that device 54 b can be configured toaccess from network 74 b and which can include pictures with IMG tags.

The claims attached hereto define the scope of the monopoly sought.

1. A method for optimizing image rendering on a portable electronic device having a display, said method comprising: receiving a request for content at an intermediation server from said portable electronic device; accessing said content at said intermediation server; analyzing, at said intermediation server, images within said content; generating image tags associated with said images at said intermediation server; said image tags corresponding to display characteristics of said display; sending said image tags to said portable electronic device from said intermediation server; said image tags for generating image place holders on said display.
 2. The method of claim 1 further comprising; generating modified images at said intermediation server from said images according to image tags; sending said modified images to said portable electronic device from said intermediation server; said modified images for rendering within said image place holders on said display.
 3. The method of claim 1 further comprising: receiving at said intermediation server unmodified image tags when accessing said content; generating said image tags at said intermediation server based on said unmodified image tags.
 4. The method of claim 1 further comprising: sending non-image content to said portable electronic device from said intermediation server; said non-image content for generation on said display in relation to said image place holders.
 5. The method of claim 4 further comprising: generating modified images at said intermediation server from said images according to image tags; sending said modified images to said portable electronic device from said intermediation server; said modified images for rendering within said image place holders on said display and without moving said non-image content generated on said display.
 6. The method of claim 1 further wherein said analyzing said images is part of analyzing said content and further comprising rendering said modified images at said intermediation server for validation that said image tags are generated according to target specifications for said electronic device.
 7. The method of claim 1 further comprising caching said image tags for subsequent sending to other portable electronic devices having substantially the same hardware characteristics as each other.
 8. A method for optimizing image rendering on a portable electronic device having a display said method comprising: sending a request for content to an intermediation server from said portable electronic device; said content including images; receiving image tags associated with said images; said image tags generated at said intermediation server; said image tags generated at said intermediation server based on characteristics of said display; generating image place holders on said display using said image tags.
 9. The method of claim 8 further comprising: receiving modified images at said portable electronic device from said intermediation server; said modified images generated by said intermediation server based on said image tags; receiving said modified images at said portable electronic device from said intermediation server; rendering said modified images within said image place holders on said display.
 10. The method of claim 8 further comprising: receiving non-image content at said portable electronic device from said intermediation server; said non-image content for generation on said display in relation to said image place holders.
 11. The method of claim 10 further comprising: receiving modified images at said portable electronic device from said intermediation server; said modified images generated by said intermediation server based on said image tags; receiving said modified images at said portable electronic device from said intermediation server; generating said modified images within said image place holders on said display without moving said non-image content generated on said display.
 12. The method of claim 1 wherein said analyzing comprises determining location and sizes of said images within said content.
 13. The method of claim 1 wherein said analyzing comprises examining unmodified IMG tags within said content associated with said images.
 14. An intermediation server for optimizing image rendering on a portable electronic device having a display comprising: at least one network interface for receiving a request for content from said portable electronic device; said at least one network interface further configured to access said content from a content server; a processor connected to said network interface configured to analyze images within said content; said processor further configured to generate image tags associated with said images; said image tags corresponding to display characteristics of said display; said processor further configured to send said image tags to said portable electronic device via said network interface; said image tags for generating image place holders on said display.
 15. The intermediation server of claim 14 wherein: said processor is further configured to generate modified images from said images according to said image tags; said processor further configured to send said modified images to said portable electronic device; said modified images for rendering within said image place holders on said display.
 16. The intermediation server of claim 14 wherein: said network interface is further configured to receive unmodified image tags when accessing said content; said processor is further configured to generate said image tags based on said unmodified image tags.
 17. The intermediation server of claim 14 wherein: said network interface is further configured to send non-image content to said portable electronic device; said non-image content for generation on said display in relation to said image place holders.
 18. The intermediation server of claim 17 wherein: said processor is further configured to generate modified images from said images according to image tags; said processor is further configured to send said modified images to said portable electronic device via said network interface; said modified images for rendering within said image place holders on said display and without moving said non-image content generated on said display.
 19. The intermediation server of claim 15 wherein said processor is further configured to analyze said images as part of analyzing said content and said processor is further configured to render said modified images at said intermediation server for validation that said image tags are generated according to target specifications for said electronic device.
 20. The intermediation server of claim 15 further comprising caching said image tags for subsequent sending to other portable electronic devices having substantially the same hardware characteristics as each other.
 21. A system for optimizing image rendering comprising: a portable electronic device having a display and a network interface for connecting to a network: an intermediation server comprising at least one additional network interface for receiving a request for content from said portable electronic device; said at least one additional network interface further configured to access said content from a content server; a processor connected to said additional network interface configured to analyze images within said content; said processor further configured to generate image tags associated with said images; said image tags corresponding to display characteristics of said display; said processor further configured to send said image tags to said portable electronic device via said additional network interface; said portable electronic device configured to receive said image tags and to generate image place holders on said display. 